<template>
  <div class="windows">
    <ul>
      <li>
        <router-link to="/monitor" target="_blank" >
          <img src="@/assets/img/401/home-icon1.png" alt="" />
        </router-link>
        <span>工作台</span>
      </li>
      <li>
        <router-link to="/notebook" target="_blank" >
          <img src="@/assets/img/401/home-icon4.png" alt="" />
        </router-link>
        <span>我的任务</span>
      </li>
     
      <li>
        <router-link to="dataset"  target="_blank" >
          <img src="@/assets/img/401/home-icon3.png" alt="" />
        </router-link>
        <span>数据仓库</span>
      </li>
      <li>
        <router-link to="/model" target="_blank" >
          <img src="@/assets/img/401/home-icon6.png" alt="" />
        </router-link>
        <span>模型仓库</span>
      </li>
      <li>
        <router-link to="/task" target="_blank" >
          <img src="@/assets/img/401/home-icon5.png" alt="" />
        </router-link>
        <span>模型训练</span>
      </li>
     
      <li>
        <router-link to="/deploy" target="_blank" >
          <img src="@/assets/img/home-icon7.png" alt="" />
        </router-link>
        <span>模型应用</span>
      </li>
     
      <li>
        <router-link to="/market" target="_blank" >
          <img src="@/assets/img/401/home-icon2.png" alt="" />
        </router-link>
        <span>AI市场</span>
      </li>
      <li>
        <router-link to="/image" target="_blank" >
          <img src="@/assets/img/home-icon8.png" alt="" />
        </router-link>
        <span>我的环境</span>
      </li>
    </ul>
  </div>
</template>

<script>

export default {
  name: "index",
  data () {
    return {
      
    };
  },
  components: {
    
  },
  methods: {
    
  },
  created () {
    
  },
  watch: {},
  mounted () {
    
  },
  destroyed() {
    
  },
};
</script>
<style lang="less" scoped>
.windows{
  width: 100%;
  height: 100%;
  //background: #4A75D4;
  background: url(~@/assets/img/401/windows-bg.jpg) no-repeat center center #5977d5;
  background-size: 100% auto;
  overflow: hidden;
  box-sizing: border-box;
  padding: 48px 10px;
  ul{
    height: 100%;
    float: left;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: start;
  }
  li{
    width: 120px;
    height: 150px;
    img{
      width: 80px;
      height: 80px;
      display: block;
      margin: 0 auto;
      cursor: pointer;
    }
    span{
      display: block;
      line-height: 40px;
      text-align: center;
      color: #FFF;
    }
  }
}
</style>

